<html>
<head>
<!-- <meta charset=gbk /> -->
<meta charset="utf-8">
<title>selectList</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- 引入 Bootstrap -->
      <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- <script type="text/javascript" src="jquery1.7.1.js"></script> -->
<!--<script type="text/javascript" src="{{ url_for('static', filename='jquery-3.1.0.min.js') }}"></script>-->
</head>
<!-- <script type="text/javascript" src="../static/jquery-3.1.0.min.js"></script> -->
<body style="margin: 50px">
<div>
    <h1>
        {% if error %}
        <h1><font color="#a52a2a"> {{ error }}</font></h1>
    </h1>
        {% endif %}
</div>


<form  class="form "  method="post" id="form" style="height: 100%" onsubmit="return checkinfo()" action="">

<div class="form-group">
  <label>要解绑的手机号:</label>
  <input class="form-control" id="phone" type="text" placeholder="请输入正确的手机号码" maxlength="11" name="fname" />
  <br>
</div>

<div class="form-group">
  <lable>执行密码:</lable> 
  <input class="form-control" id="passwd" type="password" placeholder="请输入执行密码" name="passwd" />
  <br>
  <br>
</div>

<div class="form-group">   
  <input type="submit" class="form-control  btn-default" value="解绑" />
</div>
</form>
<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
      <script src="https://code.jquery.com/jquery.js"></script>
      <!-- 包括所有已编译的插件 -->
      <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
<script>
 $(function(){
 $("#phone").focus()
   })
</script>
<script>
    function checkForm(o){
       var re=/^(1[0-9]{10})$/;
       if(!re.test(o.phone.value)){
            alert('请输入正确的手机号码。');
            return false;
        }
    }
</script>
<script>
function checkinfo(){
if($(":password").val() == ""){
    alert("请输入执行密码");
    return false;
};
var re=/^(1[0-9]{10})$/;
       if(!re.test(document.getElementById("phone").value)){
            alert('请输入正确的手机号码。');
            return false;
        }
else{
var  result  = confirm("你要解绑的手机号码是: " + document.getElementById("phone").value)
   if(result){
        return true;
             }
   else{
        return false;
       }
     }
}
</script>
</body>
</html>

